 <include file="public:header"/>
<style type="text/css">  
/* start 分页样式 */

.pageers{
    overflow:hidden;
/*    margin:10px 0 50px 100px;*/
    margin-top: -40px;
    float:right;
}

.pageers ul a,.pageers ul span{
    float:left;
    display:inline-block;
    padding: 0 13px;
    height:30px;
    width:auto;
    border:1px solid #DDDDDD;
    border-radius: 4px;
    background:#fff;
    text-align:center;
    line-height:30px;
    margin-right:5px;
    font-family: "microsoft yahei" simhei sans-serif;
    color:#7d7d7d;
}

.pageers ul a:hover{
    background:#337AB7;
    color:#fff;
    text-decoration:none;
}

.pageers ul span.current{
    background: #337AB7;
    color:#fff;
}


.pageers ul a:first,.pageers ul a:last{
    float:right;
    display:inline-block;
    width:30px;
    height:30px;
    border-radius:50%;
    text-align:center;
    line-height:30px;
    margin-right:10px;
    font-family: "microsoft yahei" simhei sans-serif;
}

#pageTips {
padding-top: 40px;
}
.loadimg{
    display: inline-block;
    width: 15px;
    height: 15px;
    position: relative;
    top: 3px;
    background: url(../images/5-121204193R7.gif) no-repeat 0 0;
    background-size: 100% 100%;
}
/* end 分页样式 */
</style>
<!-- Page -->

    <div class="page animsition" style="animation-duration: 800ms; opacity: 1;">
        <div class="page-content padding-30 container-fluid">
            <div class="row" data-plugin="matchHeight" data-by-row="true">
                <div class="example-wrap">
                    <div class="nav-tabs-horizontal nav-tabs-inverse">
                        <ul class="nav nav-tabs nav-tabs-solid" data-plugin="nav-tabs" role="tablist">
                            <li class="active" role="presentation">
                                <a href="#">
                                    全部
                                </a>
                            </li>

                        </ul>
                        <div class="tab-content">
                            <div class="tab-pane active" id="exampleTabsSolidInverseOne" role="tabpanel">
                                <div class="alert alert-alt alert-danger alert-dismissible" role="alert">
                                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                        <span aria-hidden="true">×</span>
                                    </button>
                                    <p>亿速云服务器供一种随时获取的、弹性的计算能力，这种计算能力的体现就是
                                        主机（Instance）。主机就是一台配置好了的服务器，它有您期望的硬件配置、操作系统和网络配置。通常情况下，您的请求可以在10秒到60秒的时间之内
                                        完成，所以您完全可以动态地、按需使用计算能力。</p>

                                </div>

                                <div class="pull-left">
                                    <a href="{:U('home/service/index')}" class="btn btn-danger" target="_blank">
                                        <i class="icon wb-plus" aria-hidden="true"></i> 购买
                                    </a>
                                </div>
                                <form action="{:U('console/yun')}" method="post" class="form-inline text-right">
                                    <div class="form-group">
                                            <a href="#" class="bg-red-800" style="color:#fff;text-decoration:none;padding:3px 8px;">1 天过期</a>
                                            <a href="#" class="bg-red-600" style="color:#fff;text-decoration:none;padding:3px 8px;">3 天过期</a>
                                            <a href="#" class="bg-pink-400" style="color:#fff;text-decoration:none;padding:3px 8px;">7 天过期</a>
                                    </div>
                                    <div class="form-group">
                                        <select class="form-control" name="state" id="region_id" style="max-width:160px;">
                                            <option>状态</option>
                                            <option value="1">1</option>
                                            <option value="0">0</option>
                                        </select>
                                     <!--    <select data-plugin="selectpicker" name="ds[status]" class="bs-select-hidden">
                                            <option value="">状态</option>
                                            <option value="4">运行中</option>
                                            <option value="7">将过期</option>
                                            <option value="8">已过期</option>
                                        </select><div class="btn-group bootstrap-select"><button type="button" class="btn dropdown-toggle btn-select" data-toggle="dropdown" title="状态"><span class="filter-option pull-left">状态</span>&nbsp;<span class="bs-caret"><span class="caret"></span></span></button><div class="dropdown-menu open"><ul class="dropdown-menu inner" role="menu"><li data-original-index="0" class="selected"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">状态</span><span class="icon wb-check check-mark"></span></a></li><li data-original-index="1"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">运行中</span><span class="icon wb-check check-mark"></span></a></li><li data-original-index="2"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">将过期</span><span class="icon wb-check check-mark"></span></a></li><li data-original-index="3"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">已过期</span><span class="icon wb-check check-mark"></span></a></li></ul></div></div> -->
                                    </div>

                                    <div class="form-group">
                                        <input type="text" value='{$Think.post.keyword}' class="form-control" name="keyword" placeholder="IP/机器ID/名称" style="width:200px;">
<!--                                         <input type="number" step="1" min="1" max="50" class="form-control" name="ds[pageSize]" value="" placeholder="每页条数(1-50)" style="width:150px;"> -->
                                    </div>
                                    <div class="form-group">
                                        <button type="submit" class="btn btn-primary btn-outline">搜索</button>
                                    </div>
                                </form>
                                <table class="table table-hover" data-selectable="selectable" data-row-selectable="true" data-page-size="10">
                                    <thead>
                                    <tr>
                                        <th class="width-50">
                                              <span class="checkbox-custom checkbox-default">
                                                <input class="selectable-all" type="checkbox">
                                                <label></label>
                                              </span>
                                        </th>
                                        <th>IP地址 / 带宽</th>
                                        <th>名称</th>
                                        <th>监控</th>
                                        <th>操作系统</th>
                                        <th>防御(G)</th>
                                        <th>所在地域</th>
                                        <th>状态</th>
                                        <th>配置信息</th>
                                        <th>硬盘</th>
                                        <th>时效</th>
                                        <th>价格</th>
                                        <th>操作</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                        <foreach name="orderlist"  item="vo">
                                         <tr>
                                            <td>
                                                <span class="checkbox-custom checkbox-default">
                                                    <input class="selectable-item" type="checkbox" name="name[qyi-5bae3624e8aeb6-84655905]" id="name-qyi-5bae3624e8aeb6-84655905" value="qyi-5bae3624e8aeb6-84655905">
                                                    <label for="name-qyi-5bae3624e8aeb6-84655905"></label>
                                                </span>
                                            </td>
                                            <td>
                                                <span id="ip_qyi-5bae3624e8aeb6-84655905">公网{$vo.gongip}</span><br>
                                                <span id="ip_qyi-5bae3624e8aeb6-84655905">私有{$vo.ipaddress}</span>
                                                <p class="green b">{$vo.internetmaxbandwidthout}M</p>
                                                <p class="blue" id="inip_qyi-5bae3624e8aeb6-84655905"></p>
                                            </td>
                                            <td class="idtag">
                                                <!--<div>
                                                    <a href=""></a>
                                                </div>-->
                                                <div class="clearfix tagbox">
                                                    <a href="javascript:void(0);" data-sn="qyi-5bae3624e8aeb6-84655905" class="btn-tag" title="修改名称"><i class="icon wb-edit"></i></a>
                                                    <div id="tag_qyi-5bae3624e8aeb6-84655905">云服务器-{$vo.instanceid}</div>
                                                </div>
                                            </td>
                                            <td>
                                                <a href="#" data-sn="qyi-5bae3624e8aeb6-84655905" class="btn-monitor" target="_blank"><i class="wb wb-stats-bars"></i></a>
                                            </td>
                                            <td class="hidden-xs">
                                               {$vo.osname}                                                                           
                                            </td>
                                            <td>                                                
                                                <b class="red b" id="defense_qyi-5bae3624e8aeb6-84655905">0 G</b>
                                            </td>
                                            <td>{$vo.diyuname} </td>
                                            <td class="hidden-xs" id="status_qyi-5bae3624e8aeb6-84655905">
                                                <i class="loadimg" style="display: none;"></i>
                                                <if condition="$vo.status eq 'Running'">
                                                    <span class="label starts label-success">运行中</span>
                                                <elseif condition="$vo.status eq 'Starting'"/>
                                                    <span class="label starts label-success">启动中</span>
                                                <elseif condition="$vo.status eq 'Stopping'"/>
                                                    <span class="label starts label-success">停止中</span>
                                                <else />
                                                    <span class="label starts label-success">已停止</span> 
                                                </if>   
                                            </td>
                                            <td id="info_qyi-5bae3624e8aeb6-84655905">CPU {$vo.cpu}核,内存{$vo.memory}G</td>
                                            <td id="storage_qyi-5bae3624e8aeb6-84655905">
                                                <li style="margin-bottom:5px;"><span>50G</span> </li><li style="margin-bottom:5px;"><span>50G</span> </li>                                            </td>
                                            <td class="hidden-xs">
                                                <div class="text-muted">
                                                    <i class="wb wb-time"></i>
                                                    <span id="expired_qyi-5bae3624e8aeb6-84655905">
                                                        {$vo.creationtime|date='Y/m/d',###} - 
                                                        <span>{$vo.stoptime}</span>                                       
                                                    </span>
                                                </div>
                                            </td>
                                            <td>
                                                {$vo.money}                                                                                         </td>
                                            <td>
                                                <div class="dropdown pull-left">
                                                    <a href="javascript:void(0);" data-sn="qyi-5bae3624e8aeb6-84655905" class="btn-renew">续费</a>
                                                    
                                                    <!--<a href=""
                                                       target="_blank">登陆</a>-->
                                                    <a href="#" target="_blank" class="label label-success">登录服务器</a>
                                                    <a href="{:U('home/console/yuninfo',['orderid'=>$vo['orderid']])}">查看</a>
                                                    <a data-toggle="dropdown" aria-expanded="true" role="button">更多 <span class="caret"></span></a>
                                                    <ul class="dropdown-menu bullet dropdown-menu-right" aria-labelledby="examplePanelDropdown" role="menu">
                                                        <li role="presentation">
                                                            <!-- <a href="{:U('home/console/start',array('orderid'=>$vo['orderid']))}" id="{$vo['orderid']}" data-sn="qyi-5bae3624e8aeb6-84655905" onclick="startji(this)" class="btn-start"> -->
                                                            <a id="{$vo['orderid']}" data-sn="qyi-5bae3624e8aeb6-84655905" onclick="startji(this)" class="btn-start">
                                                                <i class="icon wb-play" aria-hidden="true"></i>开机</a>
                                                        </li>
                                                        <li role="presentation">
                                                            <!-- <a href="{:U('home/console/reboot',array('orderid'=>$vo['orderid']))}" data-sn="qyi-5bae3624e8aeb6-84655905" id="{$vo['orderid']}" onclick="restart(this)" class="btn-reboot"> -->
                                                            <a data-sn="qyi-5bae3624e8aeb6-84655905" id="{$vo['orderid']}" onclick="restartji(this)" class="btn-reboot">
                                                                <i class="icon wb-replay" aria-hidden="true"></i> 重启</a>
                                                        </li>
                                                        <li role="presentation">
                                                            <!-- <a href="{:U('home/console/stop',array('orderid'=>$vo['orderid']))}" data-sn="qyi-5bae3624e8aeb6-84655905" onclick="closeji(this)" id="{$vo['orderid']}" class="btn-shutdown"> -->
                                                            <a data-sn="qyi-5bae3624e8aeb6-84655905" onclick="closeji(this)" id="{$vo['orderid']}" class="btn-shutdown">
                                                                <i class="icon wb-stop" aria-hidden="true"></i> 关机</a>
                                                        </li>
                                                      <!--   <li role="presentation">
                                                            <a href="javascript:void(0)" data-sn="qyi-5bae3624e8aeb6-84655905" class="btn-destroy">
                                                                <i class="icon wb-power" aria-hidden="true"></i> 强制断电关机</a>
                                                        </li> -->
                                                        <!--<li role="presentation">
                                                            <a href="javascript:void(0)" data-sn="" class="btn-snapshot role="menuitem">
                                                                <i class="icon wb-copy" aria-hidden="true"></i> 系统快照</a>
                                                        </li>-->
                                                        <!--<li role="presentation">
                                                            <a href="javascript:void(0)" data-sn="" class="btn-recovery">
                                                                <i class="icon wb-reply" aria-hidden="true"></i> 恢复快照
                                                            </a>
                                                        </li>-->
                                                        <!--<li role="presentation">
                                                            <a href=""
                                                               target="_blank">
                                                                <i class="icon wb-add-file" aria-hidden="true"></i> 查看快照
                                                            </a>
                                                        </li>-->
    
                                                       <!--  <li role="presentation">
                                                            <a href="javascript:void(0)" data-sn="qyi-5bae3624e8aeb6-84655905" class="btn-upgrade">
                                                                <i class="icon wb-arrow-up" aria-hidden="true"></i> 升级配置</a>
                                                        </li>
                                                        <li role="presentation">
                                                            <a href="javascript:void(0)" data-sn="qyi-5bae3624e8aeb6-84655905" class="btn-defense">
                                                                <i class="icon wb-arrow-up" aria-hidden="true"></i> 升级防御</a>
                                                        </li>
                                                        <li role="presentation">
                                                            <a href="javascript:void(0)" data-sn="qyi-5bae3624e8aeb6-84655905" class="btn-install">
                                                                <i class="icon wb-settings" aria-hidden="true"></i> 重装系统</a>
                                                        </li>
                                                        <li role="presentation">
                                                            <a href="javascript:void(0)" data-sn="qyi-5bae3624e8aeb6-84655905" class="btn-password" data-plugin="alertify" data-type="confirm" data-confirm-title="修改密码前请先关机！" data-success-message="确定修改密码" data-error-message="取消修改密码">
                                                                <i class="icon wb-unlock" aria-hidden="true"></i> 重置系统密码</a>
                                                        </li> -->
                                                        <li role="presentation">
                                                            <a href="{:U('home/console/resetpassword',['orderid'=>$vo['orderid']])}" data-sn="qyi-5bae3624e8aeb6-84655905" class="btn-password" data-plugin="alertify" data-type="confirm" data-confirm-title="修改密码前请先关机！" data-success-message="确定修改密码" data-error-message="取消修改密码">
                                                                <i class="icon wb-unlock" aria-hidden="true"></i> 重置实例密码</a>
                                                        </li>
                                                        <!--<li role="presentation">
                                                            <a href="javascript:void(0)" data-sn="" class="btn-vncpwd">
                                                                <i class="icon wb-unlock" aria-hidden="true"></i> 修改VNC密码</a>
                                                        </li>-->
                                                        <li role="presentation">
                                                            <a href="javascript:void(0)" data-sn="qyi-5bae3624e8aeb6-84655905" class="btn-tag">
                                                                <i class="icon wb-edit" aria-hidden="true"></i> 修改名称</a>
                                                        </li>
                                                    </ul>
                                                </div>

                                            </td>
                                        </tr>
                                        </foreach>
                                        </tbody>
                                </table>
                                <div class="pageers">
                                    <ul>
                                       {$show}
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>

    <!--弹窗-创建云服务器-->
    <!--创建云主机弹窗 End-->
    <!--开机弹窗 -->
<div class="modal fade" id="startModel" aria-hidden="true" aria-labelledby="startModel" role="dialog" tabindex="-1">
    <div class="modal-dialog modal-center">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
                <h4 class="modal-title">开启云服务器</h4>
            </div>
            <div class="modal-body">
                <div class="form-group">
                    <h4>
                        您确认将对
                        <a href="javascript:void(0);" onclick="$(&#39;#start-table&#39;).toggle();">
                            1 个云服务器 <span class="caret"></span>
                        </a>
                        执行开机操作？
                    </h4>
                    <p>开机期间，主机将无法正常提供服务，请您做好准备，以免造成影响</p>
                </div>
                <table class="table table-border" id="start-table">
                    <tbody id="start-list"></tbody>
                </table>

            </div>
            <div class="modal-footer" id="start-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                <button type="button" class="btn btn-danger" id="start-submit">开机</button>
            </div>
        </div>
    </div>
</div>    <!--开机弹窗 End-->
    <!--重启弹窗 -->
<div class="modal fade" id="rebootModel" aria-hidden="true" aria-labelledby="rebootModel" role="dialog" tabindex="-1">
    <div class="modal-dialog modal-center">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
                <h4 class="modal-title">重启云服务器</h4>
            </div>
            <div class="modal-body">
                <div class="form-group">
                    <h4>
                        您确认将对
                        <a href="javascript:void(0);" onclick="$(&#39;#reboot-table&#39;).toggle();">
                            1 个云服务器 <span class="caret"></span>
                        </a>
                        执行重启操作？
                    </h4>
                    <p>重启期间，主机将无法正常提供服务，请您做好准备，以免造成影响</p>
                </div>
                <table class="table table-border" id="reboot-table">
                    <tbody id="reboot-list"></tbody>
                </table>

                <div class="form-group">
                    <div class="checkbox-custom checkbox-default">
                        <input type="checkbox" id="reboot-opt" value="1" checked="">
                        <label for="reboot-opt">使用强制关机,
                            <a class="" data-toggle="tooltip" data-placement="right" data-trigger="click" data-original-title="强制关机的效果等同于关闭物理计算机的电源开关。">强制关机</a>
                            可能会导致数据丢失或文件系统损坏，请仅在服务器不能正常关机时使用</label>
                    </div>

                </div>

            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                <button type="button" class="btn btn-danger" id="reboot-submit">重启</button>
            </div>
        </div>
    </div>
</div>    <!--重启弹窗 End-->
    <!--关机弹窗 -->
<div class="modal fade" id="shutdownModel" aria-hidden="true" aria-labelledby="shutdownModel" role="dialog" tabindex="-1">
    <div class="modal-dialog modal-center">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
                <h4 class="modal-title">关机云服务器</h4>
            </div>
            <div class="modal-body">
                <div class="form-group">
                    <h4>
                        您确认将对
                        <a href="javascript:void(0);" onclick="$(&#39;#shutdown-table&#39;).toggle();">
                            1 个云服务器 <span class="caret"></span>
                        </a>
                        执行关机操作？
                    </h4>
                    <p>关机期间，主机将无法正常提供服务，请您做好准备，以免造成影响</p>
                </div>
                <table class="table table-border" id="shutdown-table">
                    <tbody id="shutdown-list"></tbody>
                </table>

                <div class="form-group">
                    <div class="checkbox-custom checkbox-default">
                        <input type="checkbox" id="shutdown-opt" value="1" checked="">
                        <label for="shutdown-opt">使用强制关机,
                            <a class="" data-toggle="tooltip" data-placement="right" data-trigger="click" data-original-title="强制关机的效果等同于关闭物理计算机的电源开关。">强制关机</a>
                            可能会导致数据丢失或文件系统损坏，请仅在服务器不能正常关机时使用</label>
                    </div>

                </div>
                
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                <button type="button" class="btn btn-danger" id="shutdown-submit">关机</button>
            </div>
        </div>
    </div>
</div>    <!--关机弹窗 End-->
    <!--强制关机弹窗 -->
<div class="modal fade" id="destroyModel" aria-hidden="true" aria-labelledby="destroyModel" role="dialog" tabindex="-1">
    <div class="modal-dialog modal-center">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
                <h4 class="modal-title">强制关机云服务器</h4>
            </div>
            <div class="modal-body">
                <div class="form-group">
                    <h4>
                        您确认将对
                        <a href="javascript:void(0);" onclick="$(&#39;#destroy-table&#39;).toggle();">
                            1 个云服务器 <span class="caret"></span>
                        </a>
                        执行关机操作？
                    </h4>
                    <p>关机期间，主机将无法正常提供服务，请您做好准备，以免造成影响</p>
                </div>
                <table class="table table-border" id="destroy-table">
                    <tbody id="destroy-list"></tbody>
                </table>

                <div style="font-size:14px;line-height:1.6;">
                        <b class="b text-danger">注意：</b>强制关机的效果等同于关闭物理计算机的电源，可能会导致数据丢失或文件系统损坏，请仅在服务器不能正常关机时使用。
                </div>
                
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                <button type="button" class="btn btn-danger" id="destroy-submit">强制关机</button>
            </div>
        </div>
    </div>
</div>    <!--强制关机弹窗 End-->
    <!--续费 -->
<div class="modal fade" id="renewModel" aria-hidden="true" aria-labelledby="renewModel" role="dialog" tabindex="-1">
    <div class="modal-dialog modal-center">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
                <h4 class="modal-title">续费云服务器:<span class="text-danger" id="renew-name"></span></h4>
            </div>
            <div class="modal-body">
                <div class="form-group">
                    <h5 style="height:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">
                        云服务器IP：<span class="text-danger" id="renew-ip"></span>
                    </h5>
                </div>

                <table class="table table-border">
                    <tbody>
                    <tr>
                        <td style="width:80px;"><label class="control-label" for="renew-cycle">续费时长：</label></td>
                        <td>
                            <!--<select id="renew-cycle" class="form-control" style="width:80px;"></select>-->
                            <div class="btn-group btn-group-sm" aria-label="Small button group" role="group" id="renew-cycle">
                                <button type="button" class="btn btn-outline btn-primary" value="1">1个月</button>
                                <button type="button" class="btn btn-outline btn-primary" value="2">2个月</button>
                                <button type="button" class="btn btn-outline btn-primary" value="3">3个月</button>
                                <button type="button" class="btn btn-outline btn-primary" value="6">半年</button>
                                <button type="button" class="btn btn-outline btn-primary active" value="10">1年</button>
                                <button type="button" class="btn btn-outline btn-primary" value="20">2年</button>
                                <button type="button" class="btn btn-outline btn-primary" value="30">3年</button>
                            </div>
                        </td>
                    </tr>
                    <tr id="renew-coupon-tr" style="display:none;">
                        <td><label class="control-label" for="renew-coupon">代金券：</label></td>
                        <td>
                            <select id="renew-coupon" style="width:380px;height:24px;line-height:24px;color:#000;">
                                <option value="">暂无代金券</option>
                            </select>
                             <!--<a href="http://yisu.com/events/newuser" target="_blank"
                                style="font-family: '宋体', Helvetica, Arial, sans-serif">查看领取>></a>-->
                        </td>
                    </tr>
                    <tr id="renew-instance-tr" style="display:none;">
                        <td>云服务器：</td>
                        <td>
                            <span id="renew-instance-money">0.00</span>
                        </td>
                    </tr>
                    <tr id="renew-ip-tr" style="display:none;">
                        <td>独立IP：</td>
                        <td>
                            <span id="renew-ip-money">0.00</span>
                        </td>
                    </tr>
                    <tr id="renew-storage-tr" style="display:none;">
                        <td>独立磁盘：</td>
                        <td>
                            <span id="renew-storage-money">0.00</span>
                        </td>
                    </tr>
                    <tr>
                        <td>所需金额：</td>
                        <td>
                            <span class="text-danger" id="renew-money">0.00</span>
                        </td>
                    </tr>
                    <tr>
                        <td>帐户余额：</td>
                        <td>
                            <span class="text-success" id="renew-acount-money">0.00</span>
                        </td>
                    </tr>
                    </tbody>
                </table>
                <!--在线支付-->
                <form action="#" onsubmit="return CheckForm(this);" method="post" target="_blank">
                <div class="payway" style="display: none">
                    <p><span>余额不足！</span>剩余 <span id="paysup"></span> 元可使用其他方式支付</p>
                    <div class="payonline">
                        <ul>
                            <li>在线支付</li>
                        </ul>
                    </div>
                    <div class="onlineway">
                        <input type="hidden" id="renew-sn" name="renew-sn" value="">
                        <input type="hidden" id="renew-month" name="renew-month" value="10">
                        <input type="hidden" id="renew-coupon-ol" name="renew-coupon-ol">
                        <input type="hidden" id="payType" name="payType" value="alipay">
                        <div class="point">支付平台</div>
                        <div class="twoway">
                            <ul>
                                <li class="checked"><label><input type="radio" name="bank" class="bank" value="2" checked="checked" autocomplete="off"><img src="../files/zhifubao.png" alt=""><i></i></label></li>
                                <li><label><input type="radio" name="bank" class="bank" value="3" autocomplete="off"><img src="../files/weixin.png" alt=""><i></i></label></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                    <button type="button" class="btn btn-danger" id="renew-submit">确定续费</button>
                    <button type="submit" class="btn btn-danger submit-ol" id="renew-submit-ol" style="display: none">确定续费</button>
                </div>
            </form>
            </div>
        </div>
    </div>
</div>
<link href="../files/pay.css" rel="stylesheet" type="text/css">
<style>
    .payway{
        width: 100%;
        height: 190px;
        padding-top: 4px;
    }
    .payway p{
        height: 38px;
        line-height: 38px;
        font-size: 14px;
        color: #5E5E5E;
    }
    .payway p span{
        color: #E30000;
    }
    .payways{
        width: 100%;
        height: 190px;
        padding-top: 4px;
    }
    .payways p{
        height: 38px;
        line-height: 38px;
        font-size: 14px;
        color: #5E5E5E;
    }
    .payways p span{
        color: #E30000;
    }
    .payonline{
        height: 27px;
    }
    .payonline ul li{
        float: left;
        width: 104px;
        height: 27px;
        line-height: 27px;
        text-align: center;
        color: #fff;
        background-color: #E30000;
        border:1px solid #E9E7E7;
        margin-right: 1px;
        cursor: pointer;
    }
    .onlineway{
        height: 100px;
        border:1px solid #E9E7E7;
        margin-top: 2px;
    }
    .onlineway>div{
        float: left;
        padding:22px 0px;
    }
    .onlineway .point{
        width: 116px;
        height: 100px;
        line-height: 56px;
        text-align: center;
        color: #686767;
        font-size: 16px;
    }
    .twoway ul li{
        position: relative;
        float: left;
        height: 52px;
        margin-right: 43px;
        box-sizing: content-box;
    }
    .twoway ul li.checked{
        border:2px solid #E5383C;
    }
    .twoway ul li.checked a i{
        display: block;
    }
    .payways .onlineway .twoway ul li a{
        display: block;
        width: 170px;
        height: 50px;
        border:1px solid #EDEDED;
        box-sizing: content-box;
    }
    .twoway ul li a img{
        width: 100%;
        height: 100%;
    }
    .twoway ul li a i{
        position: absolute;
        right: 0px;
        bottom: 0px;
        width: 14px;
        height: 14px;
        background: url(images/checked.png) no-repeat;
        display: none;
    }

    .payways .onlineway .twoway ul li label{
        display: block;
        width: 173px;
        height: 53px;
        border:1px solid #EDEDED;
        box-sizing: content-box;
        cursor: pointer;
    }
    .bank{display: none}


    .pay_tc_warp,.pay_success {
        width:100%;
        display:block;
        z-index:9999;
        left:0;
        top:0;
        position: absolute;
    }
    .pay_tc_warp .pay_tc {
        width:560px;
        height:260px;
        border:1px solid #e2e2e2;
        padding:10px;
        border-radius:5px;
        background:#f8f8f8;
        margin-left:50%;
        left:-300px;
        position:absolute;
        top:30%;
        z-index:999999;
    }
    .pay_tc_warp .pay_tc .tit {
        height:40px;
        line-height:40px;
        margin:0 10px;
        font-size:20px;
        color:#e72726;
        font-family:"Microsoft YaHei";
        border-bottom:1px solid #e2e2e2;
    }
    .pay_tc_warp .pay_tc .nr {
        padding:30px 0 30px 180px;
        background:url(/static/img/pay/pic.png) no-repeat 40px;
        font-family:"Microsoft YaHei";
        line-height:38px;
    }
    .pay_tc_warp .pay_tc .nr i{ font-style:none; font-weight:bold; }
    .pay_tc_warp .pay_tc .nr h4 { font-size:20px; color:#2da20d; font-weight:bold; }
    .pay_tc_warp .pay_tc .nr p { font-size:16px; padding:0; height: 32px; color:#666; }
    .pay_tc_warp .pay_tc .nr p a { color:#e72726; }
    .pay_tc_warp .pay_tc .nr span { color:#e72726; }
    .pay_tc_warp .opt-bg {
        background:#000;
        height:100%;
        width:100%;
        position:absolute;
        left:0;
        top:0;
        z-index:5;
        opacity:0.6;
        filter: Alpha(opacity=60);
        -moz-opacity:0.6;
        -khtml-opacity:0.6;
        z-index:1111;
    }

    #paying .pay_tc .nr p{ height: 35px; }
    #pay_success .pay_tc .nr h4 { color:#2da20d; font-weight:bold; }
    #pay_success .pay_tc .nr p span { color:#666; font-weight:bold; }
    #pay_success .pay_tc .nr p em { color:#666; }
</style>

<div id="paying" class="pay_tc_warp" style="display:none;">
    <div class="opt-bg"></div>
    <div class="pay_tc">
        <div class="tit">正在支付...<i class="close">×</i></div>
        <div class="nr">
            <h4>请到打开的新窗口进行支付</h4>
            <p><i>付款成功：</i><a class="record" target="_blank" href="javascript:;">查看财务流水</a></p>
            <p><i>付款失败：</i>联系我司客服（<a href="#">云服务器管理首页</a>）  或</p>
            <p>　　　　　<a class="close" href="javascript:;">选择其他支付方式</a></p>
        </div>
    </div>
</div>
<div id="pay_success" class="pay_tc_warp" style="display:none;">
    <div class="opt-bg"></div>
    <div class="pay_tc">
        <div class="tit">支付成功<i class="close">×</i></div>
        <div class="nr">
            <h4>恭喜您支付成功！</h4>
            <p><span>支付单号：</span><em id="pay_success_no"></em></p>
            <p><span>支付金额：</span><em id="pay_success_price"></em></p>
            <p><span>支付时间：</span><em id="pay_success_time"></em></p>
            <p><a class="record" target="_blank" href="javascript:;">查看财务流水</a>　　<a href="#">云服务器管理首页</a></p>
        </div>
    </div>
</div>
<div class="modal fade" id="renewsModel" aria-hidden="true" aria-labelledby="renewsModel" role="dialog" tabindex="-1">
    <div class="modal-dialog modal-center">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
                <h4 class="modal-title">批量续费云服务器</h4>
            </div>
            <div class="modal-body">
                <div class="form-group">
                    <h5 style="height:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">
                        云服务器数量：<span class="text-danger" id="renews-num"></span> 台
                    </h5>
                </div>

                <table class="table table-border">
                    <tbody>
                    <tr>
                        <td style="width:80px;"><label class="control-label" for="renews-cycle">续费时长：</label></td>
                        <td>
                            <!--<select id="renews-cycle" class="form-control" style="width:80px;"></select>-->
                            <div class="btn-group btn-group-sm" aria-label="Small button group" role="group" id="renews-cycle">
                                <button type="button" class="btn btn-outline btn-primary" value="1">1个月</button>
                                <button type="button" class="btn btn-outline btn-primary" value="2">2个月</button>
                                <button type="button" class="btn btn-outline btn-primary" value="3">3个月</button>
                                <button type="button" class="btn btn-outline btn-primary" value="6">半年</button>
                                <button type="button" class="btn btn-outline btn-primary active" value="10">1年</button>
                                <button type="button" class="btn btn-outline btn-primary" value="20">2年</button>
                                <button type="button" class="btn btn-outline btn-primary" value="30">3年</button>
                            </div>
                        </td>
                    </tr>
                    <tr id="renews-coupon-tr" style="display:none;">
                        <td><label class="control-label" for="renews-coupon">代金券：</label></td>
                        <td>
                            <select id="renews-coupon" style="width:380px;height:24px;line-height:24px;color:#000;">
                                <option value="">暂无代金券</option>
                            </select>
                            <!--<a href="http://yisu.com/events/newuser" target="_blank"
                               style="font-family: '宋体', Helvetica, Arial, sans-serif">查看领取>></a>-->
                        </td>
                    </tr>
                    <tr>
                        <td>所需金额：</td>
                        <td>
                            <span class="text-danger" id="renews-money">0.00</span>
                        </td>
                    </tr>
                    <tr>
                        <td>帐户余额：</td>
                        <td>
                            <span class="text-success" id="renews-acount-money">0.00</span>
                        </td>
                    </tr>
                    </tbody>
                </table>

                <!--在线支付-->
                <form action="#" onsubmit="return CheckForm(this);" method="post" name="topay" id="topay" target="_blank">
                    <div class="payways" style="display: none">
                        <p><span>余额不足！</span>剩余 <span id="paysups"></span> 元可使用其他方式支付</p>
                        <div class="payonline">
                            <ul>
                                <li>在线支付</li>
                            </ul>
                        </div>
                        <div class="onlineway">
                            <input type="hidden" id="renews-sn" name="renew-sn" value="">
                            <input type="hidden" id="renews-month" name="renew-month" value="10">
                            <input type="hidden" id="renews-coupon-ol" name="renew-coupon-ol">
                            <input type="hidden" id="payTypes" name="payType" value="alipay">
                            <div class="point">支付平台</div>
                            <div class="twoway">
                                <ul>
                                    <li class="checked"><label><input type="radio" name="bank" class="bank" value="2" checked="checked" autocomplete="off"><img src="../files/zhifubao.png" alt=""><i></i></label></li>
                                    <li><label><input type="radio" name="bank" class="bank" value="3" autocomplete="off"><img src="../files/weixin.png" alt=""><i></i></label></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                        <button type="button" class="btn btn-danger" id="renews-submit">确定续费</button>
                        <button type="submit" class="btn btn-danger submit-ol" id="renews-submit-ol" style="display: none">确定续费</button>
                    </div>
                </form>
            </div>
            <div style="width:100%;height:100%;position: absolute;top:0;display: none;" id="renews_waiting">
                <div class="example-loading vertical-align text-center" style="height:100%;position: relative;">
                    <div class="loader vertical-align-middle loader-round-circle loader-default"></div>
                </div>
            </div>
        </div>
    </div>
</div>
<link href="../files/pay.css" rel="stylesheet" type="text/css">
<style>
    .payway{
        width: 100%;
        height: 190px;
        padding-top: 4px;
    }
    .payway p{
        height: 38px;
        line-height: 38px;
        font-size: 14px;
        color: #5E5E5E;
    }
    .payway p span{
        color: #E30000;
    }
    .payways{
        width: 100%;
        height: 190px;
        padding-top: 4px;
    }
    .payways p{
        height: 38px;
        line-height: 38px;
        font-size: 14px;
        color: #5E5E5E;
    }
    .payways p span{
        color: #E30000;
    }
    .payonline{
        height: 27px;
    }
    .payonline ul li{
        float: left;
        width: 104px;
        height: 27px;
        line-height: 27px;
        text-align: center;
        color: #fff;
        background-color: #E30000;
        border:1px solid #E9E7E7;
        margin-right: 1px;
        cursor: pointer;
    }
    .onlineway{
        height: 100px;
        border:1px solid #E9E7E7;
        margin-top: 2px;
    }
    .onlineway>div{
        float: left;
        padding:22px 0px;
    }
    .onlineway .point{
        width: 116px;
        height: 100px;
        line-height: 56px;
        text-align: center;
        color: #686767;
        font-size: 16px;
    }
    .twoway ul li{
        position: relative;
        float: left;
        height: 52px;
        margin-right: 43px;
        box-sizing: content-box;
    }
    .twoway ul li.checked{
        border:2px solid #E5383C;
    }
    .twoway ul li.checked a i{
        display: block;
    }
    .payways .onlineway .twoway ul li a{
        display: block;
        width: 170px;
        height: 50px;
        border:1px solid #EDEDED;
        box-sizing: content-box;
    }
    .twoway ul li a img{
        width: 100%;
        height: 100%;
    }
    .twoway ul li a i{
        position: absolute;
        right: 0px;
        bottom: 0px;
        width: 14px;
        height: 14px;
        background: url(images/checked.png) no-repeat;
        display: none;
    }

    .payways .onlineway .twoway ul li label{
        display: block;
        width: 173px;
        height: 53px;
        border:1px solid #EDEDED;
        box-sizing: content-box;
        cursor: pointer;
    }
    .bank{display: none}


    .pay_tc_warp,.pay_success {
        width:100%;
        display:block;
        z-index:9999;
        left:0;
        top:0;
        position: absolute;
    }
    .pay_tc_warp .pay_tc {
        width:560px;
        height:260px;
        border:1px solid #e2e2e2;
        padding:10px;
        border-radius:5px;
        background:#f8f8f8;
        margin-left:50%;
        left:-300px;
        position:absolute;
        top:30%;
        z-index:999999;
    }
    .pay_tc_warp .pay_tc .tit {
        height:40px;
        line-height:40px;
        margin:0 10px;
        font-size:20px;
        color:#e72726;
        font-family:"Microsoft YaHei";
        border-bottom:1px solid #e2e2e2;
    }
    .pay_tc_warp .pay_tc .nr {
        padding:30px 0 30px 180px;
        background:url(/static/img/pay/pic.png) no-repeat 40px;
        font-family:"Microsoft YaHei";
        line-height:38px;
    }
    .pay_tc_warp .pay_tc .nr i{ font-style:none; font-weight:bold; }
    .pay_tc_warp .pay_tc .nr h4 { font-size:20px; color:#2da20d; font-weight:bold; }
    .pay_tc_warp .pay_tc .nr p { font-size:16px; padding:0; height: 32px; color:#666; }
    .pay_tc_warp .pay_tc .nr p a { color:#e72726; }
    .pay_tc_warp .pay_tc .nr span { color:#e72726; }
    .pay_tc_warp .opt-bg {
        background:#000;
        height:100%;
        width:100%;
        position:absolute;
        left:0;
        top:0;
        z-index:5;
        opacity:0.6;
        filter: Alpha(opacity=60);
        -moz-opacity:0.6;
        -khtml-opacity:0.6;
        z-index:1111;
    }

    #paying .pay_tc .nr p{ height: 35px; }
    #pay_success .pay_tc .nr h4 { color:#2da20d; font-weight:bold; }
    #pay_success .pay_tc .nr p span { color:#666; font-weight:bold; }
    #pay_success .pay_tc .nr p em { color:#666; }
</style>

<div id="paying" class="pay_tc_warp" style="display:none;">
    <div class="opt-bg"></div>
    <div class="pay_tc">
        <div class="tit">正在支付...<i class="close">×</i></div>
        <div class="nr">
            <h4>请到打开的新窗口进行支付</h4>
            <p><i>付款成功：</i><a class="record" target="_blank" href="javascript:;">查看财务流水</a></p>
            <p><i>付款失败：</i>联系我司客服（<a href="#">云服务器管理首页</a>）  或</p>
            <p>　　　　　<a class="close" href="javascript:;">选择其他支付方式</a></p>
        </div>
    </div>
</div>
<div id="pay_success" class="pay_tc_warp" style="display:none;">
    <div class="opt-bg"></div>
    <div class="pay_tc">
        <div class="tit">支付成功<i class="close">×</i></div>
        <div class="nr">
            <h4>恭喜您支付成功！</h4>
            <p><span>支付单号：</span><em id="pay_success_no"></em></p>
            <p><span>支付金额：</span><em id="pay_success_price"></em></p>
            <p><span>支付时间：</span><em id="pay_success_time"></em></p>
            <p><a class="record" target="_blank" href="javascript:;">查看财务流水</a>　　<a href="#">云服务器管理首页</a></p>
        </div>
    </div>
</div>

<div class="modal fade" id="st_renewModel" aria-hidden="true" aria-labelledby="st_renewModel" role="dialog" tabindex="-1">
    <div class="modal-dialog modal-center">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
                <h4 class="modal-title">磁盘续费</h4>
            </div>
            <div class="modal-body">
                <div class="form-group">
                    <h4>
                        续费对象：<span class="text-danger" id="st_renew-name"></span>
                    </h4>
                </div>

                <table class="table table-border">
                    <tbody><tr>
                        <td style="width:100px;"><label class="control-label" for="st-charge-cycle">时长：</label></td>
                        <td>
                            <div class="btn-group btn-group-sm" aria-label="Small button group" role="group" id="st-charge-cycle">
                                <button type="button" class="btn btn-outline btn-primary st-renewmouth" value="1">1个月</button>
                                <button type="button" class="btn btn-outline btn-primary st-renewmouth" value="2">2个月</button>
                                <button type="button" class="btn btn-outline btn-primary st-renewmouth" value="3">3个月</button>
                                <button type="button" class="btn btn-outline btn-primary st-renewmouth" value="6">半年</button>
                                <button type="button" class="btn btn-outline btn-primary st-renewmouth active" value="12">1年</button>
                                <button type="button" class="btn btn-outline btn-primary st-renewmouth" value="24">2年</button>
                                <button type="button" class="btn btn-outline btn-primary st-renewmouth" value="36">3年</button>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td>所需金额：</td>
                        <td>
                            <span class="text-danger" id="st_renew-money">0.00</span>
                        </td>
                    </tr>
                    <tr>
                        <td>帐户余额：</td>
                        <td>
                            <span class="text-success" id="st_renew-acount-money">0.00</span>
                        </td>
                    </tr>
                </tbody></table>


                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                    <button type="button" class="btn btn-danger" id="st_renew-submit">提交订单</button>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="modal fade" id="ip_renewModel" aria-hidden="true" aria-labelledby="ip_renewModel" role="dialog" tarenewex="-1">
    <div class="modal-dialog modal-center">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
                <h4 class="modal-title">IP带宽续费</h4>
            </div>
            <div class="modal-body">
                <div class="form-group">
                    <h4>
                        续费对象：<span class="text-danger" id="ip_renew-name">0.0.0.0</span> <span class="b red" id="ip_renew-org-bandwidth"> M</span> <span class="b red" id="ip_renew-org-bandwidth"></span>
                    </h4>
                </div>
                <table class="table table-border table-condensed" id="ip_renew-table">

                    <tbody><tr>
                        <td style="width:100px;"><label class="control-label" for="charge-cycle">时长：</label></td>
                        <td>
                            <div class="btn-group btn-group-sm" aria-label="Small button group" role="group" id="charge-cycle">
                                <button type="button" class="btn btn-outline btn-primary renewmouth" value="1">1个月</button>
                                <button type="button" class="btn btn-outline btn-primary renewmouth" value="2">2个月</button>
                                <button type="button" class="btn btn-outline btn-primary renewmouth" value="3">3个月</button>
                                <button type="button" class="btn btn-outline btn-primary renewmouth" value="6">半年</button>
                                <button type="button" class="btn btn-outline btn-primary renewmouth active" value="12">1年</button>
                                <button type="button" class="btn btn-outline btn-primary renewmouth" value="24">2年</button>
                                <button type="button" class="btn btn-outline btn-primary renewmouth" value="36">3年</button>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td>所需金额：</td>
                        <td>
                            <span class="text-danger" id="ip_renew-money">0.00</span>
                        </td>
                    </tr>
                    <tr>
                        <td>帐户余额：</td>
                        <td>
                            <span class="text-success" id="ip_renew-account">0.00</span>
                        </td>
                    </tr>
                </tbody></table>
                <p class="text-warning">IP只能绑定同机房的云服务器</p>
            </div>
            <div class="modal-footer" id="ip_renew-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                <button type="button" class="btn btn-danger" id="ip_renew-submit">续费</button>
            </div>
        </div>
    </div>
</div><div class="modal fade" id="messageModel" aria-hidden="true" aria-labelledby="messageModel" role="dialog" tabindex="-1">
    <div class="modal-dialog modal-center">
        <div class="modal-content" style="800 px">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
                <h4 class="modal-title">提醒</h4>
            </div>
            <div class="modal-body">
                <div class="form-group" id="msg-box" style="font-size:18px;text-align: center">
                </div>
            </div>

            <div class="modal-footer">
                <button type="button" class="btn btn-danger" data-dismiss="modal">确认</button>
            </div>
        </div>
    </div>
</div>
    <!--续费-->
    <!--修改密码-->
<div class="modal fade" id="passwordModel" aria-hidden="true" aria-labelledby="restartModel" role="dialog" tabindex="-1">
    <div class="modal-dialog modal-center">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
                <h4 class="modal-title">修改密码</h4>
            </div>
            <div class="modal-body">
                <div class="form-group">
                    <h4>
                        将对云服务器:<span id="password-name" class="text-success"></span>
                    </h4>
                </div>

                <div id="password-form">
                    <div class="form-group">
                        <label class="control-label" for="password-new">新密码 (<span class="text-danger">8-16个字符，同时包含大小写字母和数字，Linux支持特殊字符[()~!@#$%^&amp;*+_|:&lt;&gt;.?]</span>)</label>
                        <input type="password" class="form-control" id="password-new" required="required" data-fv-field="username">
                    </div>
                    <div class="form-group">
                        <label class="control-label" for="password-rep">确认密码</label>
                        <input type="password" class="form-control" id="password-rep" required="required" data-fv-field="password">
                    </div>
                </div>
                <div class="text-danger">修改密码服务会重启,可能会导致数据丢失或文件系统损坏，请仅谨慎使用</div>

                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                    <button type="button" class="btn btn-danger" id="password-submit">保存新密码</button>
                </div>
            </div>
        </div>
    </div>
</div>
<!--修改密码窗口 End-->

    <!--修改VNC密码-->
<div class="modal fade" id="vncpwdModel" aria-hidden="true" aria-labelledby="restartModel" role="dialog" tabindex="-1">
    <div class="modal-dialog modal-center">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
                <h4 class="modal-title">修改VNC密码</h4>
            </div>
            <div class="modal-body">
                <div class="form-group">
                    <h4>
                        将对云服务器:<span id="vncpwd-name" class="text-success"></span>
                    </h4>
                </div>

                <div id="vncpwd-form">
                    <div class="form-group">
                        <label class="control-label" for="vncpwd-new">新密码</label>
                        <input type="password" class="form-control" id="vncpwd-new" required="required" data-fv-field="username">
                    </div>
                    <div class="form-group">
                        <label class="control-label" for="vncpwd-rep">确认密码</label>
                        <input type="password" class="form-control" id="vncpwd-rep" required="required" data-fv-field="vncpwd">
                    </div>
                </div>
                <div class="text-danger" style="line-height:1.7;">只修改VNC密码，不是服务器登录密码。<br>
                    修改VNC密码需要重启才能生效，可能会导致数据丢失或文件系统损坏，请仅谨慎使用</div>

                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                    <button type="button" class="btn btn-danger" id="vncpwd-submit">保存VNC密码</button>
                </div>
            </div>
        </div>
    </div>
</div>
<!--修改密码窗口 End-->

    <!--重装系统-->
<div class="modal fade" id="installModel" aria-hidden="true" aria-labelledby="installModel" role="dialog" tabindex="-1">
    <div class="modal-dialog modal-center">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
                <h4 class="modal-title">重装系统</h4>
            </div>
            <div class="modal-body">
                <div class="form-group hide-1 show-0 show-2">
                    <h4>
                        您已选1台云主机，
                        <a href="javascript:void(0);" onclick="$(&#39;#install-table&#39;).toggle();">
                            查看详情 <span class="caret"></span>
                        </a>
                    </h4>
                </div>
                <table class="table table-border n hide-1" id="install-table">
                    <tbody id="install-list"></tbody>
                </table>
                <div class="alert alert-warning hide-1 show-0 show-2">
                    注意：重装后，服务器系统盘内的所有数据将被清除，恢复到初始状态；
                    单独购买的数据盘需要手动挂载才能使用，具体请参看操作指引
                </div>

                <div id="install-first" class="show-0 hide-1 hide-2">
                    <div class="radio-custom radio-primary">
                        <input type="radio" id="install-first-default" name="image" value="1" checked="">
                        <label for="install-first-default">使用当前镜像重装 <span id="install-current-image"></span>
                            <span class="green">（当前正在使用）</span></label>
                    </div>
                    <div class="radio-custom radio-primary">
                        <input type="radio" id="install-first-custom" name="image" value="0">
                        <label for="install-first-custom">使用其他镜像重装</label>
                    </div>
                </div>


                <div id="install-second" class="nav-tabs-vertical show-1 hide-0 hide-2">
                    <ul class="nav nav-tabs margin-right-25" data-plugin="nav-tabs" role="tablist" style="height:300px;">
                        <li class="active" role="presentation">
                            <a data-toggle="tab" href="#" aria-controls="install_public_image" role="tab">公共镜像</a>
                        </li>
                        <!--<li role="presentation">
                            <a data-toggle="tab" href="#install_user_image" aria-controls="install_user_image" role="tab">自定义镜像</a>
                        </li>-->
                    </ul>
                    <div class="tab-content" id="install_list_image" style="height:300px;overflow-y:auto;">
                        <ul class="tab-pane active" id="install_public_image" role="tabpanel">
                            <li><span class="loading">加载中...</span></li>
                        </ul>
                        <ul class="tab-pane" id="install_user_image" role="tabpanel">
                            <li><span class="loading">加载中...</span></li>
                        </ul>
                    </div>
                </div>

                <table id="install-third" class="table form-inline show-2 hide-0 hide-1">
                    <tbody><tr>
                        <td><label>重装镱像</label></td>
                        <td id="install-third-image">***</td>
                    </tr>
                    <tr>
                        <td><label>用户名</label></td>
                        <td>root / administrator</td>
                    </tr>
                    <tr>
                        <td><label for="install-third-password">登录密码</label></td>
                        <td>
                            <input type="text" id="install-third-password" class="form-control input-sm" style="width:120px;">
                            密码需要8-16个字符,若无手动输入，则保持原密码不变<br>
                            <span class="text-danger">8-16个字符，同时包含大小写字母和数字，不支持特殊符号</span>
                        </td>
                    </tr>
                    <tr>
                        <td><label for="code">手机验证码</label></td>
                        <td>
                            <span class="getCodemsg text-danger" style="display: none;">重装系统是重要操作，为了安全请到用户中心进行安全设置，开启手机验证码</span>
                            <span class="getCode">
                                <input type="text" id="code" placeholder="请输入短信验证码" class="form-control input-sm" style="width:150px;">
                                <button type="button" class="btn btn-primary" id="getCode">获取短信验证码</button>
                            </span>
                        </td>
                    </tr>
                </tbody></table>

            </div>
            <div class="modal-footer" id="install-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                <button type="button" class="btn btn-default hide-0 show-1 show-2" id="install-pre">上一步</button>
                <button type="button" class="btn btn-danger" id="install-submit">下一步</button>
            </div>
        </div>
    </div>
</div>    <!--创建备份-->
<div class="modal fade" id="snapshotModel" aria-hidden="true" aria-labelledby="snapshotModel" role="dialog" tabindex="-1">
    <div class="modal-dialog modal-center">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
                <h4 class="modal-title">创建系统快照</h4>
            </div>
            <div class="modal-body">
                <div class="form-group">
                    <h4>
                        您确认将对:<span class="text-danger" id="snapshot-name">***</span> 创建系统快照？
                    </h4>
                </div>
                <table class="table table-condensed n" id="snapshot-table" style="margin-bottom:0;">
                    <tbody><tr>
                        <td width="80"><label for="snapshot-tag">系统快照</label> </td>
                        <td><input type="text" id="snapshot-tag" class="form-control input-sm"></td>
                    </tr>
                </tbody></table>
                <div class="text-danger"><!--只对系统盘做快照，<b class="b">不是数据盘做快照！不是数据备份！</b> -->重装系统后系统快照无效,不能恢复！</div>
                <div id="snapshot-dev">
                    <span class="loading">加载中</span>
                </div>
            </div>
            <div class="modal-footer n" id="snapshot-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                <button type="button" class="btn btn-danger" id="snapshot-submit">创建</button>
            </div>
        </div>
    </div>
</div>    <!--恢复数据-->
<div class="modal fade" id="recoveryModel" aria-hidden="true" aria-labelledby="recoveryModel" role="dialog" tabindex="-1">
    <div class="modal-dialog modal-center">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
                <h4 class="modal-title">恢复系统快照</h4>
            </div>
            <div class="modal-body">
                <div class="form-group">
                    <h4>
                        您确认将对:<span class="text-danger" id="recovery-name">***</span> 系统快照？
                    </h4>
                </div>
                <div id="recovery-dev"><span class="loading">加载中</span></div>
                <div id="recovery-table" class="n" style="max-height:300px;overflow-y:auto;">
                    <table class="table table-border table-hover table-condensed">
                        <tbody id="recovery-list">
                        <tr><td>没有可以恢复的快照！</td></tr>
                        </tbody>
                    </table>
                </div>

            </div>
            <div class="modal-footer n" id="recovery-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                <button type="button" class="btn btn-danger" id="recovery-submit">恢复系统快照</button>
            </div>
        </div>
    </div>
</div>    <!--升级配置-->
<div class="modal fade" id="upgradeModel" aria-hidden="true" aria-labelledby="upgradeModel" role="dialog" tabindex="-1">
    <div class="modal-dialog modal-center">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
                <h4 class="modal-title">升级服务器配置</h4>
            </div>
            <div class="modal-body" style="padding-bottom:8px;">
                <div class="form-group">
                    <h4>
                        您确认将对:<span class="text-danger" id="upgrade-name">***</span> 升级配置？
                    </h4>
                </div>
                <div id="upgrade-dev"><span class="loading">加载中</span></div>

                <table class="table table-border table-condensed n" id="upgrade-table" style="margin-bottom:8px;">
                    <tbody><tr>
                        <td width="100"><label for="upgrade-org">原配置</label></td>
                        <td>
                            CPU：<span class="b" id="upgrade-org-cpu"></span> 核；
                            内存：<span class="b" id="upgrade-org-memory"></span> G；
                            带宽：<span class="b" id="upgrade-org-bandwidth"></span> M；
                        </td>
                    </tr>
                    <tr>
                        <td width="100"><label for="upgrade-cpu">目标CPU核数</label></td>
                        <td>
                            <select class="form-control" id="upgrade-cpu" style="width:160px;"></select>
                            <div style="position:absolute;margin-top:-30px;margin-left:180px;">有效期为 <span class="red ended"></span> <span class="blue b">需重启机器</span></div>
                        </td>
                    </tr>
                    <tr>
                        <td><label for="upgrade-memory">目标内存容量</label></td>
                        <td><select class="form-control" id="upgrade-memory" style="width:160px;"></select>
                            <div style="position:absolute;margin-top:-30px;margin-left:180px;">有效期为 <span class="red ended"></span> <span class="blue b">需重启机器</span></div>
                        </td>
                    </tr>
                    <tr>
                        <td><label for="upgrade-bandwidth">目标带宽数值</label></td>
                        <td>
                            <select class="form-control" id="upgrade-bandwidth" style="width:160px;"></select>
                            <div style="position:absolute;margin-top:-30px;margin-left:180px;">有效期为 <span class="red ended"></span> <span class="green b">不需重启</span></div>
                        </td>
                    </tr>
                    <tr>
                        <td><label for="upgrade-bandwidth">需要支付费用</label></td>
                        <td class="text-warning txt-16"><span id="upgrade-charge">0</span> 元
                        </td>
                    </tr>
                    <tr>
                        <td><label for="upgrade-bandwidth">您的帐户余额</label></td>
                        <td class="text-success txt-16"><span id="upgrade-accout-money">0</span> 元</td>
                    </tr>
                </tbody></table>
                <p>
                    本次升级费用有效期为：<span class="red ended"></span>，下次计费周期 <strong class="b">续费</strong> 所需费用为:￥<span class="green txt-16 total-money"></span>
                </p>
                <p class="text-danger" style="line-height:1.7;display:none;">升级期间服务器会关机重启生效，主机将无法正常提供服务，请您做好准备，以免造成影响</p>
            </div>
            <div class="modal-footer n" id="upgrade-footer">
                <p class="pull-left text-danger" style="padding-top:8px;">如需帮助请联系客客服：
                    <a href="http://kefu.qycn.com/vclient/chat/?websiteid=128405&amp;groupid=41815" target="_blank" title="亿速云主机">
                        <img src="../files/cclient.png" alt="亿速云主机在线客户" title="亿速云主机在线客户" style="height:25px;"> </a>

                </p>
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                <button type="button" class="btn btn-danger" id="upgrade-submit">升级配置</button>
            </div>
        </div>
    </div>
</div>    <!--修改服务器名称-->
<div class="modal fade" id="tagModel" aria-hidden="true" aria-labelledby="tagModel" role="dialog" tabindex="-1">
    <div class="modal-dialog modal-center">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
                <h4 class="modal-title">修改服务器名称</h4>
            </div>
            <div class="modal-body">
                <div class="form-group">
                    <h4>
                        您确认将对:<span class="text-danger" id="tag-name">***</span> 修改名称？
                    </h4>
                </div>
                <table class="table table-condensed n" id="tag-table" style="margin-bottom:0;">
                    <tbody><tr>
                        <td width="80"><label for="tag-tag">新名称</label> </td>
                        <td><input type="text" id="tag-tag" class="form-control"></td>
                    </tr>
                    <tr>
                        <td width="80"><label for="tag-desc">描述</label> </td>
                        <td><textarea id="tag-desc" class="form-control"></textarea></td>
                    </tr>
                </tbody></table>
                <div id="tag-dev">
                    <span class="loading">加载中</span>
                </div>
            </div>
            <div class="modal-footer n" id="tag-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                <button type="button" class="btn btn-danger" id="tag-submit">修改</button>
            </div>
        </div>
    </div>
</div>    <!--升级防御-->
<div class="modal fade" id="defenseModel" aria-hidden="true" aria-labelledby="defenseModel" role="dialog" tabindex="-1">
    <div class="modal-dialog modal-center">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
                <h4 class="modal-title">升级服务器防御</h4>
            </div>
            <div class="modal-body" style="padding-bottom:8px;">
                <div class="form-group">
                    <h4>
                        您确认将对:<span class="text-danger" id="defense-name">***</span> 升级防御？
                    </h4>
                </div>
                <div id="defense-dev"><span class="loading">加载中</span></div>

                <table class="table table-border table-condensed n" id="defense-table" style="margin-bottom:8px;">
                    <tbody><tr>
                        <td width="100"><label for="defense-org">原配置</label></td>
                        <td>
                            CPU：<span class="b" id="defense-org-cpu"></span> 核；
                            内存：<span class="b" id="defense-org-memory"></span> G；
                            带宽：<span class="b" id="defense-org-bandwidth"></span> M；
                            防御：<span class="b red" id="defense-org-defense"></span> G；
                        </td>
                    </tr>

                    <tr>
                        <td><label for="defense-defense">目标带防御值</label></td>
                        <td><select class="form-control" id="defense-defense" style="width:160px;"></select>
                            <div style="position:absolute;margin-top:-30px;margin-left:180px;">有效期为 <span class="red ended"></span></div>
                        </td>
                    </tr>
                    <tr>
                        <td><label for="defense-bandwidth">需要支付费用</label></td>
                        <td class="text-warning txt-16"><span id="defense-charge">0</span> 元</td>
                    </tr>
                    <tr>
                        <td><label for="defense-bandwidth">您的帐户余额</label></td>
                        <td class="text-success txt-16"><span id="defense-accout-money">0</span> 元</td>
                    </tr>
                </tbody></table>
                本次升级费用有效期为：<span class="red ended"></span>，下次计费周期 <strong class="b">续费</strong> 所需费用为:￥<span class="green txt-16 total-money"></span>
                <p class="text-danger" style="line-height:1.7;display:none;">升级期间服务器会关机重启生效，主机将无法正常提供服务，请您做好准备，以免造成影响</p>
            </div>
            <div class="modal-footer n" id="defense-footer">
                <p class="pull-left text-danger" style="padding-top:8px;">如需帮助请联系客客服：
                    <a href="http://kefu.qycn.com/vclient/chat/?websiteid=128405&amp;groupid=41815" target="_blank" title="亿速云主机">
                        <img src="../files/cclient.png" alt="亿速云主机在线客户" title="亿速云主机在线客户" style="height:25px;"> </a>
                </p>
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                <button type="button" class="btn btn-danger" id="defense-submit">升级防御</button>
            </div>
        </div>
    </div>
</div>    <!--组建内网-->
<div class="modal fade" id="inipModel" aria-hidden="true" aria-labelledby="inipModel" role="dialog" tabindex="-1">
    <div class="modal-dialog modal-center">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
                <h4 class="modal-title">把云服务器:<span class="text-danger" id="inip-name"></span>加入内网</h4>
            </div>
            <div class="modal-body">
                <div class="form-group">
                    <h5 style="height:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">
                        云服务器IP：<span class="text-danger" id="inip-ip"></span>
                    </h5>
                </div>
                <table class="table table-condensed n" id="inip-table" style="margin-bottom:0;">
                    <tbody><tr>
                        <td width="80"><label for="ipip-ipip_id">可选内网</label> </td>
                        <td>
                            <select id="ipip-ipip_id" style="height:26px;line-height:26px;padding:3px 0;max-width:300px;">
                                <option value="">暂无内网</option>
                            </select>
                        </td>
                    </tr>
                    <tr>
                        <td></td>
                        <td class="red">加入内网后，相同区域线路内的云服务器可以通过内网IP通讯。</td>
                    </tr>
                </tbody></table>
                <div style="text-align:right;font-size:14px;">
                    <a href="#" style="color:green;font-family:&#39;宋体&#39;, Helvetica, Arial, sans-serif;">免费创建内网&gt;&gt;</a>
                </div>
                <div id="inip-dev">
                    <span class="loading">加载中</span>
                </div>
            </div>
            <div class="modal-footer n" id="inip-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                <button type="button" class="btn btn-danger" id="inip-submit">保存</button>
            </div>
        </div>
    </div>
</div>
   
    <script type="text/javascript">

        function ajaxs(url,data,successFn){
            $.ajax({
                url: url,
                type: 'get',
                dataType: 'json',
                data:{
                    orderid: data
                },
                success: function(res){
                    console.log(res)
                    successFn(res);
                }
            })
        }
        // 开机
        function startji(id){
            var orderid = $(id).attr('id');
            var prev = $(id).parent().parent().parent().parent('td').siblings('td');
            var texts = prev.find('.starts').html();
            if(texts == '已停止'){
                $(id).parent().parent().parent().parent('td').siblings('td').find('.starts').html('启动中');
                prev.find('.loadimg').show();
                ajaxs("{:U('home/console/start')}",orderid,function(res){
                    if(res.code == 1){
                        setTimeout(function(){
                            prev.find('.loadimg').hide();
                            window.location.href = "{:U('home/console/yun')}";
                        },3000)
                    }
                })
            }else{
                return false;
            }
        }
        // 重启
        function restartji(id){
            var orderid = $(id).attr('id');
            var prev = $(id).parent().parent().parent().parent('td').siblings('td');
            var texts = prev.find('.starts').html();
            if(texts == '运行中'){
                $(id).parent().parent().parent().parent('td').siblings('td').find('.starts').html('重启中');
                prev.find('.loadimg').show();
                ajaxs("{:U('home/console/reboot')}",orderid,function(res){
                    if(res.code){
                        setTimeout(function(){
                            prev.find('.loadimg').hide();
                            window.location.reload();
                    },3000)
                }
            })
            }else{
                return false;
            }
        }
        // 关机
        function closeji(id){
            var orderid = $(id).attr('id');
            var prev = $(id).parent().parent().parent().parent('td').siblings('td');
            var texts = prev.find('.starts').html();
            if(texts == '运行中'){
                $(id).parent().parent().parent().parent('td').siblings('td').find('.starts').html('停止中');
                prev.find('.loadimg').show();
                ajaxs("{:U('home/console/stop')}",orderid,function(res){
                    if(res.code  ==1){
                        setTimeout(function(){
                            prev.find('.loadimg').hide();
                            window.location.href = "{:U('home/console/yun')}";
                        },3000)
                    }
                })
            }else{
                return false
            }

        }
    </script>
<!-- End Page -->

 <include file="public:footer"/>